$(function () {
  // 自定义表单验证
  layui.form.verify({
    nickname: function (value) {
      if (value.length > 6) {
        return "昵称长度必须在 1 ~ 6 个字符之间！";
      }
    },
  });

  initUserInfo();
  // 获取用户的基本信息,把从服务器取回来的数据,通过layui里的方法给表单赋值
  function initUserInfo() {
    $.ajax({
      type: "GET", //默认get
      url: "/my/userinfo", //默认当前页
      success: function (res) {
        //请求成功回调
        if (res.status !== 0) return layui.layer.msg(res.message);
        // 调用了layui里的表单赋值方法,把从服务器请求回来的数据赋值给表单
        layui.form.val("formUserInfo", res.data);
      },
    });
  }

  // 重置表单的数据
  $("#btnReset").on("click", function (e) {
    e.preventDefault(); //阻止了表单的默认提交行为
    //重新调用  initUserInfo()函数 重新获取用户信息
    initUserInfo();
  });

  // 监听表单的提交事件,当表单提交的时候,向服务器发起post请求,然后重新渲染用户的头像和用户信息
  $(".layui-form").submit(function (e) {
    e.preventDefault();
    $.ajax({
      type: "POST", //默认get
      url: "/my/userinfo", //默认当前页
      data: $(this).serialize(), //获取到表单数据,当作参数发起post请求
      success: function (res) {
        //请求成功回调
        if (res.status !== 0) return layui.layer.msg(res.message);
        layui.layer.msg(res.message);
        // 调用父页面的方法,重新渲染用户的头像和用户信息
        window.parent.getUserInfo();
      },
    });
  });
});
